<template>
  <el-menu
    :default-active="active"
    class="el-menu-vertical-demo"
    background-color="#fff"
    text-color="#1e1e1e"
    active-text-color="#20a2b2">
    <el-menu-item :index="item.name" v-for="(item, index) in memlist" :key="index" @click="tohtml(item.name)">
      <img :src="item.icon">
      <span slot="title">{{item.title}}</span>
    </el-menu-item>
  </el-menu>
</template>
<script type="text/babel">
// @ is an alias to /src
import {} from '../assets/js/domains'
import memjinali from '../assets/img/mem_jinali.png'
import memlook from '../assets/img/mem_look.png'
import memsq from '../assets/img/mem_sq.png'
import memsc from '../assets/img/mem_sc.png'
import membaoming from '../assets/img/mem_baoming.png'
import mempassword from '../assets/img/mem_password.png'

export default {
  name: 'MemLeft',
  components: {},
  data: function () {
    return {
      memlist: [
        { name: '', title: '我的简历', icon: memjinali },
        { name: 'memLook', title: '谁看过我', icon: memlook },
        { name: 'memShenqing', title: '已投职位', icon: memsq },
        { name: 'memLike', title: '收藏职位', icon: memsc },
        { name: 'memLikeCom', title: '关注企业', icon: memsc },
        { name: 'memBaoming', title: '我的报名', icon: membaoming },
        { name: 'memChangepwd', title: '修改密码', icon: mempassword }
      ]
    }
  },
  props: {
    active: {
      default: 'member'
    }
  },
  computed: {},
  created: function () {

  },
  mounted: function () {
  },
  methods: {
    tohtml: function (name) {
      this.$router.push({ path: '/' + name })
    }
  }
}
</script>
<style lang="less">
</style>
